<template>
  <div class="loading">
      <span></span>
  </div>
</template>

<script>
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped="" type="text/css">

$vw:750;
@function h($px){@return $px/$vw*100vw}

.loading{width: 100vw;height: 100vh;background: rgba(0,0,0,0.8);position: fixed;z-index: 6;top:0;left: 0;text-align: center;}
.loading span{width: h(140);height: h(140);background: url('/static/images/load.gif');background-size: 100%;display: block;}
</style>
